<%--
  Created by IntelliJ IDEA.
  User: lxm
  Date: 2018/1/7
  Time: 下午4:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>

    <title>文本可视化工具集-首页</title>
    <jsp:include page="../static/common/stylesheets.jsp"></jsp:include>
    <style>
        .gray-p {
            color: #7a7a7a;
            line-height: 25px;
        }

        .index-btn {
            margin-top: 40px;
        }

        .index-h1 {
            font-size: 2em;
            color: #0A0E11;
        }

        .col_1_pic_1 {

            /* position: absolute; */
            padding-top: 30px;
            padding-bottom: 30px;
            padding-left: 130px;
            /* width: 100%; */
            /* height: 400px; */

        }

        .col_1_pic_2 {

            padding-top: 30px;
            padding-bottom: 30px;

        }

        .wihte-bg {
            background-color: white;
        }

        .site-desc {
            position: relative;
            height: 70px;
            margin-top: 25px;
            background: url(/static/layui/images/common/index-desc.png) center no-repeat;
        }

    </style>
</head>
<body>
<jsp:include page="../static/common/header.jsp"></jsp:include>
<%--上面的图--%>
<div class="site-banner">
    <div class="site-banner-bg" style="background-image: url(/static/layui/images/index/bg_index.jpg)">
    </div>
    <div class="site-banner-main">
        <div class="site-zfj site-zfj-anim">
            <i class="layui-icon" style="color: #fff; color: rgba(255,255,255,.7);">&#xe631;</i>
        </div>
        <div class="layui-anim site-desc site-desc-anim">
            <cite>为简化自然语言处基础算法调用流程理提供云平台解决方案</cite>
        </div>
        <div class="site-download">
            <a href="#" class="layui-inline site-down" onclick="AnchorClick($('#introduction'))">
                <cite class="layui-icon">&#xe623;</cite>
                立即使用
            </a>
        </div>
        <div class="site-version">
            <span>当前版本：<cite class="site-showv">v1.0</cite></span>
            <%--<span><a href="/doc/base/changelog.html" rel="nofollow" target="_blank">更新日志</a></span>--%>
            <span>接口总调用次数：<em id="getCounts_1" class="site-showdowns">359369</em></span>
        </div>
        <div class="site-banner-other">
            <a href="http://localhost:8080/" target="_blank" class="site-star">
                <i class="layui-icon"></i>
                Count <cite id="getCounts_2">11021</cite>
            </a>
        </div>
    </div>
</div>
<%--平台的简介--%>
<br>
<div class="layui-main">
    <h1 id="introduction" class="site-h1" style="text-align: center;"><B>平台简介</B></h1>
    <p style="margin-left: auto;margin-right: auto;width: 70%;text-align: center;" class="gray-p">
        本自然语言处理与数据可视化平台，封装了HanLP与Ansj等Java自然语言处理算法包的接口，并运行在Apache Tomcat服务器上，以RESTful
        API的形式对外提供自然语言处理服务，并以JQuery库、D3.js库、百度Echarts图表库等作为web前端数据可视化的基础。选择了开源、安全、稳定的MySQL数据库。
        Hibernate框架对于MySQL有着良好的技术支持，使数据交互更加简便。</p>
    <br>
    <hr class="layui-bg-green" style="opacity: 0.3">
    <%--第一部分--%>
    <div id="part_1" class="layui-row">
        <div class="layui-col-xs6 wihte-bg">
            <div class="layui-row grid-demo wihte-bg">
                <div class="layui-col-md12">
                    <div class="grid-demo wihte-bg"><br></div>
                </div>
                <div class="layui-col-md12">
                    <div class="grid-demo wihte-bg" style="text-align: left;">
                        <h1 class="index-h1">词法类模块</h1>
                        <p class="gray-p">支持智能分词、词性标注、命名实体识别，目前命名实体识别能支持游戏、人名、机构等数十个实体识别。</p>
                        <a href="/core/seg.jsp" class="layui-btn index-btn">立即开始</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="col_1_pic_1 wow bounceInRight" data-wow-duration="0.s" data-wow-offset="0">
                <img src="/static/layui/images/index/col_1_pic_1.png"/>
            </div>
        </div>
    </div>
    <%--第一部分结束--%>
    <div class="layui-clear"></div>
    <hr class="layui-bg-green" style="opacity: 0.3">
    <%--第二部分开始--%>
    <div id="part_2" class="layui-row">
        <div class="layui-col-xs6">
            <div class="col_1_pic_2 wow bounceInLeft" data-wow-duration="1s" data-wow-offset="200">
                <img src="/static/layui/images/index/col_1_pic_2.png" style="height: 300px;"/>
            </div>
        </div>
        <div class="layui-col-xs6 wihte-bg">
            <div class="layui-row grid-demo wihte-bg">
                <div class="layui-col-md12">
                    <div class="grid-demo wihte-bg"><br></div>
                </div>
                <div class="layui-col-md12">
                    <div class="grid-demo wihte-bg" style="text-align: left;">
                        <h1 class="index-h1">句法类模块</h1>
                        <p class="gray-p">支持依存句法分析以及依存句法树可视化，提供文件、URL、API丰富的调用方式。</p>
                        <a href="/core/sentence.jsp" class="layui-btn index-btn">立即体验</a>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <%--第二部分结束--%>
    <div class="layui-clear"></div>
    <hr class="layui-bg-green" style="opacity: 0.3">
    <%--第三部分开始--%>
    <div id="part_3" class="layui-row">
        <div class="layui-col-xs6 wihte-bg">
            <div class="layui-row grid-demo wihte-bg">
                <div class="layui-col-md12">
                    <div class="grid-demo wihte-bg"><br></div>
                </div>
                <div class="layui-col-md12">
                    <div class="grid-demo wihte-bg" style="text-align: left;">
                        <h1 class="index-h1">篇章类模块</h1>
                        <p class="gray-p">提供短文的关键词提取、情感分析、自动摘要、主题抽取、词云生成、自动摘要、敏感词过滤等功能。</p>
                        <a href="/core/discourse.jsp" class="layui-btn index-btn">立即开始</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="col_1_pic_1 wow swing" data-wow-duration="1s" data-wow-offset="300">
                <img src="/static/layui/images/index/col_1_pic_3.png" style="height: 300px;"/>
            </div>
        </div>
    </div>
    <%--第三部分结束--%>
    <div class="layui-clear"></div>
    <hr class="layui-bg-green" style="opacity: 0.3">
    <%--第四部分开始--%>
    <div id="part_4" class="layui-row">
        <div class="layui-col-xs6">
            <div class="col_1_pic_2  wow bounceInUp" data-wow-duration="1s" data-wow-offset="400">
                <img src="/static/layui/images/index/col_1_pic_4.png" style="height: 300px;"/>
            </div>
        </div>
        <div class="layui-col-xs6 wihte-bg">
            <div class="layui-row grid-demo wihte-bg">
                <div class="layui-col-md12">
                    <div class="grid-demo wihte-bg"><br></div>
                </div>
                <div class="layui-col-md12">
                    <div class="grid-demo wihte-bg" style="text-align: left;">
                        <h1 class="index-h1">微博分析</h1>
                        <p class="gray-p">内置微博爬虫，自动爬取微博信息，并利用本平台内置API处理其微博信息。</p>
                        <a href="weibo.jsp" class="layui-btn index-btn">立即体验</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--第四部分结束--%>
    <div class="layui-clear"></div>
    <hr class="layui-bg-green" style="opacity: 0.3">
</div>
</body>
<jsp:include page="../static/common/footer.jsp"></jsp:include>
<jsp:include page="../static/common/scripts.jsp"></jsp:include>
<script>

    jQuery.ajax({
        url: "/admin/interface/count.do",
        type: "get",
        dataType: "json",
        contentType: "application/json;charset=utf-8"
    }).done(function (data) {

        $('#getCounts_1').text(data.data);
        $('#getCounts_2').text(data.data);


    }).fail(function (data) {
        layer.alert("请求失败", {icon: 7});

    });

    //更新导航
    nowPageName("index");
</script>
</html>
